<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">















<html>
<head>
<!--Copyright (c) 2005 Vertis, Inc. All Rights Reserved.-->
<META http-equiv="Expires" content="Fri, 12 Jun 1981 08:20:00 GMT">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Product Page</title>



<link rel="stylesheet" type="text/css" href="I2O.css">

<script language="javascript" src="I2O_scripts.js"></script>
	
<script language="JavaScript">

var index = -1;	// index of clicked item (when adding to shopping list)
var itemsKeys = new Array();	// array of item keys, used for removing from SL
var x = 410;
var y = 400;
var printWindow = null;


// pre-load image
try {
	var img = new Image();
	img.src = "/items/large/705_B_0903_P01_QSEAT.p1-142.jpg";
} catch(e) {}

// recalculate window sizes based on image width/height & number of items
function setSize() 
{

}

// submit hidden frame to do the work
function addItemToSL(itemId, itemIndex, productCode)
{	
	
	index = itemIndex;
	
	var frm = document.getElementById("addFrame");
	if (frm!= null) 
	{
		// for reporting purposes
		var code = productCode != null && productCode != "" ?
					"&productCode="+encodeURIComponent(productCode) :
					"";

		frm.src = "addToList.jsp?referrer=breakout&itemId="+itemId+"&pageNumber=1"+code;

	}
}

// callback from hidden frame about results
function itemAdded(itemId, wasOk, errorMsg, totalItems, couponCount,itemImage, itemName, itemKey)
{
	if (!wasOk)
	{
		alert(errorMsg);
	} else
	{
		findAndToggle(itemKey,false);
	
		// notify parent
		try {
		
			parent.frames["navBar"].setItemCount(totalItems, couponCount);
			parent.frames["navBar"].itemAdded(itemId, itemImage, itemName);			

		} catch(e) {}
	}
}

// submit hidden frame to do the work
function removeItemFromSL(itemId, itemIndex)
{	
	index = itemIndex;
	
	// removing item by its name
	var frm = document.getElementById("addFrame");
	if (frm!= null)
		frm.src = "removeFromList.jsp?referrer=breakout&itemId="+itemId+"&itemKey="+encodeURIComponent(itemsKeys[itemIndex]);
}

// callback from hidden frame about results
function itemRemoved(itemId, wasOk, totalItems, couponCount,itemKey)
{
	if (!wasOk)
	{
		alert("Failed to remove Item from Shopping List.");
	} else
	{
		findAndToggle(itemKey,true);
		
		// notify parent
		try {
		
			parent.frames["navBar"].setItemCount(totalItems, couponCount);
			parent.frames["navBar"].itemRemoved(itemId);

		} catch(e) {}
	}
}

function printPage()
{
	var sURL = "printBreakout.jsp";
	
	// constants
	var winName = "printItem"; // will be used in redirecting.jsp!
	var iWidth  = 675; 	//x;  width of the page, in portrait orientation
	var iHeight = y+100;  /// extra room for customer logo
		
	var sAttrs  = "width=" + iWidth + ",height=" + iHeight + ",scrollbars=yes,resizable=yes,status=0,menubar=1";		
 																								
	printWindow = window.open(sURL, winName, sAttrs);	
																								
	if (printWindow !=  null)
	{
		printWindow.opener = self;
		printWindow.focus();
	}
}

// on unload
function closePopupWindows()
{
	try {
		if (printWindow!= null) printWindow.close();
	} catch(e) {}	
}

function findAndToggle(itemKey, isAddable)
{	
	// now toggle all items with this itemKey
		for( var i=0; i < itemsKeys.length; i++)
		{
			if (itemsKeys[i]==itemKey)
				toggleItems(i, isAddable);
		}
	
}

function toggleItems( index, isAddable )
{		 
	// toggle icon by the item 
	var o = document.getElementById("addItem"+index);
	if (o!= null) o.style.display = isAddable ? "" : "none";
	o = document.getElementById("removeItem"+index);
	if (o!= null) o.style.display = isAddable ? "none" : "";
}

</script>

</head>



<body onload="scrollToTop(); window.focus();" onunload="shrinkTopFrame();closePopupWindows();">

<a name="top" id="top"></a>

<div id="mainContainer">

	<!-- main table -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" >

	<!-- back to page/search result button -->
	<tr>
		<td valign="top">

		<a href="null"><IMG 
			onmouseout="setImage(this,irettopage);return false;" 
			onmouseover="setImage(this,irettopage_o);return false;"		
			src="images/site/returntoPage.gif" border="0" title="Return to Page View" alt="Return to Page View"></a>

		</td>
	</tr>

	<tr>
		<td class="contentBorder">	<!-- Start entire Breakout Content Border, 1 or 2-cell table -->
		<TABLE  border="0" cellpadding="4" cellspacing="4">
				
	<!-- image & items -->
	<tr>
		<!--- IMAGE -->	
		<td valign="top" align="center" width="35%"><img src="/items/large/705_B_0903_P01_QSEAT.p1-142.jpg" alt="Large Image" title="" border="0"></td>

<!-- if stacked view item table below the picture--> 


		<!-- Items: fall thru  to common html building -->
		<td valign="top" width="*">
		


		<!-- start of Items table -->
		<table width="100%" cellspacing="0" cellpadding="2" border="0">	
	
	</table></td></tr> <!-- end of Items table -->	
	
<!-- bottom section -->


	
</table></td></tr><!--  end of breakout border table-->




	<!-- optional back to top link -->
	<tr>
		<td align="left"><a href="#" onclick="scrollToTop(); return false;"><IMG 
	src="images/site/backtoTop.gif" 
	onmouseout="setImage(this,ibacktotop);return false;" 
	onmouseover="setImage(this,ibacktotop_o);return false;" 	
	border="0" title="Top of Page" alt="Top of Page"></a>

</td>
	</tr>	


</table> <!-- main table -->
</div>	<!-- mainContainer -->


<script>var maxItems = 0; </script> <!-- Max Item breakout-->
<!-- HIDDEN FRAME that is used to add items to shopping list -->
<iframe id="addFrame" width=1 height=1 style="position:absolute:top:1;left:1;width:1;height:1;visibility:hidden"></iframe>
</body>
</html>












